import styled from 'styled-components'


import bgc from '../../assets/images/daka/images/background.png'

const Container = styled.div`
    height:100%;
    overflow-y:scroll;
    width:100%;
    >div{
      background-image:url(${bgc}); 
      background-repeat:no-repeat;
      width:100%;
      height:6.4rem;
      >div{
        padding-top:.44rem;
        .top{
          padding:.16rem .11rem;
          display:flex;
          .img{
            height:2.14rem;
            border-radius:0.2rem;
            >img{
              height:2.14rem;
              border-radius:0.1rem;
            }
          }
          .text{
            padding-left:.175rem;
            >h1{
              font-size:.175rem;
               }
            span{
              font-size:.125rem;

            }
          }
        }
        >p{
          margin-top:.25rem;
          padding:0 .175rem;
          font-size:.14rem;
          margin-bottom:.17rem;
        }
        .bot{
          padding:0 .175rem;
          img{
            height:1.1rem;
          }
        }
      }
    }
    .btn{
      display:flex;
      justify-content:center;
      padding-bottom:.12rem;
      button{
            margin-top:.9rem;
            background-color:#308bfe;
            height:.4rem;
            width:1.8rem;
            border-style:none;
            border-radius:.2rem;
            color:#fff;
          }
    }

    `
export {
  Container
}